<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
		<link rel="stylesheet" href="./camera.css"/>
	</head>
	<body>
		<div class="center">
			<article id="nook-app" class="nookApp nookApp--name-app">
				<div class="camera">
					<i class="camera__button"></i>
					<i class="camera__top"></i>
					<i class="camera__flash"></i>
					<i class="camera__body"></i>
					<i class="camera__lens">
						<i class="camera__lens--inner"></i>
					</i>
				</div>
			</article>
		</div>
		
		<form class="form">
			<label for="size-icon">
				<span>Size:</span>
				<input id="size-icon" name="size-icon" type="range" min="100" max="250" data-sizing="px">
			</label>
		</form>
		
		<aside id="theme">
			<label for="change-theme">
				<input type="checkbox" id="change-theme" checked>
				<i class="sun" data-feather="sun"></i>
				<i class="moon" data-feather="moon"></i>
			</label>
		</aside>
		<script src="https://unpkg.com/feather-icons"></script>
		<script src="./camera.js"></script>
	</body>
</html>